<div class="ui stackable grid">
<div class="three wide column" >

</div>

<div class="ten wide column">
  <div class="ui grid ">
    <div class="sixteen wide column">
      <div class="ui fluid icon input loading">
        <input type="text" placeholder="广泛搜索">
        <i class="search icon"></i>
      </div>
    </div>

  </div>


<div class="ui three stackable cards">

  <div class="card" *ngFor="let proj of projs;let i = index">
    <div class="content">
      <img class="right floated mini ui image" src="/assets/images/avatar/nan.jpg">
      <div class="header" > {{proj.title}}</div>
      <div class="meta">{{formateDate(proj.createdAt)}} </div>
      <div class="description" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{proj.description}}</div>
      <div class="" style="padding-top:5px;">
        <a class="ui green label" *ngIf="proj.open">公开</a><a class="ui label" *ngIf="!proj.open">私有</a>
      </div>
    </div>
    <div class="extra content">
      <div class="ui two buttons">
        <div class="ui basic green button" (click)="show(proj._id,index)">查看</div>
        <div class="ui basic blue button" (click)="edit(proj._id,index)">编辑</div>
      </div>
    </div>
  </div>

</div>

</div>

</div>
